
* {
    margin: 0px;
    padding: 0px;
}

.card {
    border-radius: 8px;
    box-shadow: 0px 0px 2px #ccc;
}

.card2 {
    border-radius: 5px;
    box-shadow: 0px 0px 1px #ccc;
}


.flex_col {
    display: flex;
    flex-direction: column;
}

.flex_col_center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flex_row {
    display: flex;
    flex-direction: row;
}

.flex_row_center {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex_center_self {
    align-self: center;
}

.flex_start_self {
    align-self: flex-start;
}

.ml5 {
    margin-left: 5px;
}

.mt5 {
    margin-top: 5px;
}

.p10 {
    padding: 10px;
}

.m5 {
    margin: 5px;
}